import { Result, Button } from 'antd';
import { useNavigate } from 'react-router-dom';
import './NotFoundPage.css'; // 可选样式文件

const NotFoundPage = () => {
  const navigate = useNavigate();

  return (
    <div className="not-found-container">
      <Result
        status="404"
        title="404"
        subTitle="抱歉，您访问的页面不存在"
        extra={
          <Button 
            type="primary" 
            onClick={() => navigate('/')}
            size="large"
          >
            返回首页
          </Button>
        }
      />
    </div>
  );
};

export default NotFoundPage;